layui.config({
    base: "/static/backend/js/"
}).use(['form', 'layer', 'jquery','upload', 'table'], function () {
    var form = layui.form,
        layer = parent.layer === undefined ? layui.layer : parent.layer,
        table = layui.table,
        $ = layui.jquery;
    upload = layui.upload;
    //初始化表格
    table.render({
        elem: '#list'
        , height: '700'
        , url: '/backend/goods_category/goods_category' //数据接口
        ,toolbar: '#toolbar'
        , page: true //开启分页
        ,limit : 40
        , cols: [[ //表头
            {type:'checkbox',}
            ,{field: 'cat_id', title: 'ID', sort: true,}
            , {field: 'thumb', title: '缩略图',templet:'<div><img style="height:50px;width:48px;" src="{{ d.thumb}}"></div>'}
            , {field: 'cat_name', title: '名称',}
            , {field: 'sort_order', title: '排序值',}
            , {field: 'is_show', title: '状态', templet: '#ISSHOW', sort: true,}
            ,{title: '操作', toolbar: '#barDemo', width: '16%',}

        ]]
    });
    //添加
    $(".add").click(function(){
        var index = layui.layer.open({
            title : "添加分类",
            type : 2,
            area: ['75%', '75%'],
            offset: ['', '18%'],
            content : "/backend/goods_category/add_cat",
            success : function(layero, index){
            }
        })
    })
    //普通图片上传
    var uploadInst = upload.render({
        elem: '#test1'
        ,field: 'titleFile'
        ,choose: function(obj){
            //预读本地文件示例，不支持ie8
            obj.preview(function(index, file, result){
                $('#preview').attr('src', result); //图片链接（base64）
            });
        }
        ,done: function(res){
            //如果上传失败
            if(res.code > 0){
                return layer.msg('上传失败');
            }
            //上传成功
        }
        ,error: function(){
            //演示失败状态，并实现重传
            var demoText = $('#demoText');
            demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-mini demo-reload">重试</a>');
            demoText.find('.demo-reload').on('click', function(){
                uploadInst.upload();
            });
        }
        ,auto:false
    });
    form.on("submit(addcat)",function(data){
        var formdom = $('#catform')[0]
            ,formdata = new FormData(formdom);
        $.ajax({
            url: '/backend/goods_category/add_cat',
            type: 'POST',
            data: formdata,
            processData: false, // jQuery不要去处理发送的数据
            contentType: false, // jQuery不要去设置Content-Type请求头
            success: function(res) {

                if(res.code==1){
                    top.layer.msg("添加成功");
                    layer.closeAll("iframe");
                    //刷新父页面
                    parent.location.reload();
                }else{
                    top.layer.msg(res.msg);
                }
            }
        });
        return false;

    })
    //修改个人信息
    form.on("submit(editcat)",function(data){

        var formdom = $('#editform')[0]
            ,formdata = new FormData(formdom);

        $.ajax({
            url: '/backend/goods_category/edit_cat',
            type: 'POST',
            data: formdata,
            processData: false, // jQuery不要去处理发送的数据
            contentType: false, // jQuery不要去设置Content-Type请求头
            success: function(res) {

                top.layer.msg("修改成功！");
                layer.closeAll("iframe");
                //刷新父页面
                parent.location.reload();
            }
        });
        return false;
    })
    //开关
    form.on('switch(switchTest)', function(data){

        console.log(data.value);
        var id=$(data.othis).parents('tr').find('td:eq(1)').text();

        var index = layer.msg('修改中，请稍候',{icon: 16,time:false,shade:0.8});
        $.post('/backend/goods_category/change_show',{id:id,disable:$(this).val()},function(res){
            console.log(res);
            setTimeout(function(){
                layer.close(index);
                layer.msg("展示状态修改成功！");
                location.reload();
            },2000);
        })


    })
    //监听工具条
    table.on('tool(goods_category)', function(obj){ //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
        var data = obj.data; //获得当前行数据
        var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
        var tr = obj.tr; //获得当前行 tr 的DOM对象
        if(layEvent === 'edit'){
            layui.layer.open({
                title : "编辑会员",
                type : 2,
                area: ['75%', '75%'],
                offset: ['', '18%'],
                content : "/backend/goods_category/edit_cat?id="+data.cat_id,
                success : function(layero, index){
                }
            })
        }else if(layEvent === 'del'){
            layer.confirm('确定删除？', function(index){
                layer.close(index);
                //向服务端发送删除指令
                $.post('/backend/goods_category/del_cat', {
                        id: data.cat_id
                    }, function (data) {
                        // console.log(data);
                        if (data.status ==1) {
                            top.layer.msg("删除成功");
                            window.location.reload();
                        } else {
                            top.layer.msg("出错了！！！");
                        }

                    }
                );
            })
        }
    })
})